<template>
  <div class="base-container" id="main">
    <t-steps :current="activeForm" status="process" :onChange="onCurChanged">
      <t-step-item v-for="(item,index) in stepList" :title="item.title" :key="index" :content="isSubmit(item.id)">
      </t-step-item>
    </t-steps>
    <t-loading text="加载中..." :fullscreen="false" attach="#main" :loading="applyLoading" size="medium">
    </t-loading>
    <!-- 基本信息 -->
    <t-form ref="form" :key="activeForm" :colon="true" v-if="activeForm === 0" class="step-form" :data="formData0"
            :rules="rules0" label-width="180px">
      <div style="flex: 1;margin-bottom: 24px">
        <t-card class="step-card" size="small" title="基本信息">
          <t-form-item label="科技示范工程名称">
            <!--          {{ projectData.projectName }} -->
            <t-input clearable style="width: 390px" v-model="formData0.projectName"></t-input>
          </t-form-item>
          <t-form-item label="科技示范工程负责人">
            {{ projectData.projectLeader.name }}
          </t-form-item>
          <t-form-item label="第一承担单位">
            {{ projectData.declareDeptName }}
          </t-form-item>
          <t-form-item label="推荐单位">
            {{ projectData.manageDeptName }}
          </t-form-item>
          <t-form-item label="实施开始日期" name="startDate">
            <t-date-picker clearable style="width: 390px" v-model="formData0.startDate"></t-date-picker>
          </t-form-item>
          <t-form-item label="实施截止日期" name="endDate">
            <t-date-picker clearable style="width: 390px" v-model="formData0.endDate"></t-date-picker>
          </t-form-item>
          <t-form-item label="填写日期" name="compileDate">
            <t-date-picker clearable style="width: 390px" v-model="formData0.compileDate"></t-date-picker>
          </t-form-item>
        </t-card>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button theme="primary" @click="onSubmit0">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <!-- 概述信息 -->
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 1" class="step-form"
            :data="formData1" :rules="rules1" labelWidth="180px">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item name="summarize" label="(1)依托工程(项目)概述">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData1.summarize"></tiny-mce-editor>
        </t-form-item>
        <t-form-item name="summarize" label="(2)实施科技示范工程的必要性、总体目标，以及示范后对行业技术创新、管理创新等的促进作用。">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData1.content"></tiny-mce-editor>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(0)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit1">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>

    </t-form>
    <!-- 项目前期研究及工作基础信息 -->
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 2" class="step-form"
            :data="formData2" :rules="rules2">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="申报单位前期准备工作" name="preparatory">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData2.content"></tiny-mce-editor>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(1)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit2">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <!-- 示范技术的可行性信息 -->
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 3" class="step-form"
            :data="formData3" :rules="rules3">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="示范技术可行性" name="content">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData3.content"></tiny-mce-editor>
        </t-form-item>
      </div>

      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(2)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit3">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <!-- 主要实施内容信息 -->
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 4" class="step-form"
            :data="formData4" :rules="rules4">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="主要实施内容" name="content">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData4.content"></tiny-mce-editor>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(3)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit4">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <!-- 考核指标信息 -->
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 5" class="step-form"
            :data="formData5" :rules="rules5">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="科技示范工程的具体考核指标及最终提交的成果形式概述" name="content">
          <tiny-mce-editor v-model="formData5.content" :key="activeForm"></tiny-mce-editor>
        </t-form-item>
        <t-form-item :show-error-message="false" label="最终提交的成果形式" name="projectExpectResults">
          <project-approach-expect-results phaseType="2" :projectId="projectId"
                                           ref="project-approach-expect-results"
                                           v-model="formData5.projectExpectResults"
                                           :editOpen="true"></project-approach-expect-results>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(4)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit5">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <!-- 项目研究开发进度安排 -->
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 6" class="step-form"
            :data="formData6" :rules="rules6">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item :showErrorMessage="false" label-align="top" label="年度研究计划（包括起止年月、计划内容）"
                     name="projectResearchPlan">
          <project-research-plan :disable-date="disableDate" ref="project-research-plan"
                                 v-model="formData6.projectResearchPlan"
                                 :projectId="projectId" :editOpen="true"
                                 phaseType="2"></project-research-plan>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(5)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit6">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 7" class="step-form"
            :data="formData7" :rules="rules7">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item :showErrorMessage="false" label-align="top" label=""
                     name="unitList">
          <project-unit ref="project-unit" v-model="formData7.unitList"
                        :projectId="projectId" :editOpen="true"
                        phaseType="2"></project-unit>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(6)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit7">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 8" class="step-form"
            :data="formData8" :rules="rules8">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="经费预算及资金筹措情况" name="content">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData8.content"></tiny-mce-editor>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(7)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit8">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 9" class="step-form"
            :data="formData9" :rules="rules9">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="经济、社会效益评估" name="content">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData9.content"></tiny-mce-editor>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(8)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit9">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 10" class="step-form"
            :data="formData10" :rules="rules10">
      <div style="flex: 1;margin-bottom: 24px">
        <t-form-item label="其他需说明的问题" name="content">
          <tiny-mce-editor :key="activeForm"
                           v-model="formData10.content"></tiny-mce-editor>
        </t-form-item>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(9)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit10">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 11" class="step-form"
            :data="formData11" :rules="rules11">
      <div style="flex: 1;margin-bottom: 24px">
        <t-card class="step-card" size="small" title="科技示范工程经费来源证明">
          <t-form-item label="单位全称" name="supportDept">
            <t-input clearable style="width: 390px" v-model="formData11.supportDept"></t-input>
          </t-form-item>
          <t-form-item label="支持资金" name="supportBudget">
            <t-input-adornment append="万元">
              <t-input-number :decimal-places="2"
                              @keyup="()=>{if(formData11.supportBudget){formData11.supportBudget=Number((formData11.supportBudget || 0).toString().match(/^\d+(?:\.\d{0,2})?/))}}"
                              :allowInputOverLimit="false" clearable style="width: calc(390px - 45px)"
                              v-model="formData11.supportBudget"
                              theme="normal"
                              :min="0"></t-input-number>
            </t-input-adornment>
          </t-form-item>
          <t-form-item label="资金来源" name="budgetSource">
            <t-radio-group v-model="formData11.budgetSource" :options="dict.type.sf_budget_source"></t-radio-group>
          </t-form-item>
        </t-card>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button @click="onCurChanged(10)" theme="primary" variant="base">上一步
            </t-button>
            <t-button theme="primary" @click="onSubmit11">下一步</t-button>
          </t-space>
        </t-col>
      </t-row>
    </t-form>
    <t-form ref="form" :key="activeForm" :colon="true" labelAlign="top" v-if="activeForm === 12" class="step-form"
            :data="formData12" :rules="rules12">
      <div style="flex: 1;margin-bottom: 24px">
        <t-table row-key="id" :columns="projectFileColumns" :data="projectFileData">
          <template #id="{row, rowIndex}">
            {{ rowIndex + 1 }}
          </template>
          <template #op="{row}">
            <file-upload tips="限制pdf、图片" accept="application/pdf,image/*" v-model="row.fileIds"
                         :moduleKey="row.moduleKey"
                         :fileList="row.fileLists"
                         :multiple="true">
              <t-button variant="outline">
                <t-icon name="cloud-upload" slot="icon"/>
                点击上传
              </t-button>
            </file-upload>
          </template>
          <template #c1="{row}">
            <a v-if="row.c3" class="t-button-link" :href="`${file_domain}/${row.c3}`" target="_blank">{{ row.c1 }}</a>
            <div v-else>{{ row.c1 }}</div>
          </template>
        </t-table>
      </div>
      <t-row style="text-align: center">
        <t-col :span="12">
          <t-space :size="10">
            <t-button theme="primary" @click="onCurChanged(11)">上一步</t-button>
            <t-button theme="primary" @click="onSubmit12(1)">暂存</t-button>
            <!-- <t-tooltip v-if="projectData.projectStatus!=='11'" content="提交后不可再编辑会进入审批流程">
              <t-button :disabled="isCommit" theme="primary" @click="onSubmit12(2)">
                提交到单位管理员
              </t-button>
            </t-tooltip> -->
            <t-button :disabled="isCommit" theme="primary" @click="onSubmit12(2)">
                提交
              </t-button>
          </t-space>
        </t-col>
      </t-row>

    </t-form>
  </div>
</template>

<script>
import { VITE_FILE_DOMAIN } from '@/api/upload'
import TinyMceEditor from "@/components/TinyMceEditor/index.vue";
import projectApproachExpectResults from "../project/components/project-approach-expectResults.vue";
import projectResearchPlan from "../project/components/project-research-plan.vue";
import projectUnit from "../project/components/project-unit.vue";
import FileUpload from "@/components/FileUpload/index.vue"
import {getFiles} from "@/api/common";

import dayjs from "dayjs";

export default {
  name: "implement-plan-apply",
  dicts: ["sf_budget_source"],
  components: {
    TinyMceEditor,
    projectApproachExpectResults,
    projectResearchPlan,
    projectUnit,
    FileUpload
  },
  data() {
    return {
      applyLoading: false,
      site_tag: import.meta.env.VITE_SITE_TAG,
      file_domain: VITE_FILE_DOMAIN,
      lengthLimitObj: {},
      projectFileData: [
        {
          id: 1,
          c1: "相关附件(包括:依托工程或项目立项审批、核准或备案证明，示范技术的第三方评价证明等。)",
          c2: "是",
          fileIds: [],
          fileLists: [],
          moduleKey: "projectSSXGFJ",
          require: true,
        }
      ],
      projectFileColumns: [
        {
          colKey: "id",
          title: "序号",
          align: "center",
          width: 64
        },
        {
          colKey: "c1",
          title: "附件名称",
          align: "center",
        },

        {
          colKey: "c2",
          title: "是否必需",
          align: "center",
        },
        {
          colKey: "op",
          title: "操作",
          align: "left",
        },
      ],
      isCommit: false,
      taskId: null,
      projectId: null,
      activeForm: 0,
      formData0: {
        startDate: '',
        endDate: '',
        compileDate: '',
        projectName: '',
      },
      rules0: {
        startDate: [
          {
            required: true,
            message: "实施开始日期不能为空",
          },
        ],
        endDate: [
          {
            required: true,
            message: "实施截止日期不能为空",
          },
          {
            validator: (val) => {
              if (val && this.formData0.startDate) {
                const startTime = new Date(this.formData0.startDate).getTime()
                const endTime = new Date(val).getTime()
                return startTime <= endTime;
              }
              return true;
            }, message: "实施开始日期不能大于实施截止日期", type: "error"
          },
        ],
        compileDate: [
          {
            required: true,
            message: "填写日期不能为空",
          },
        ]
      },
      formData1: {
        summarize: '',
        content: ''
      },
      rules1: {
        summarize: [
          {
            required: true,
            message: "依托工程(项目)概述不能为空",
          },
        ],
        content: [
          {
            required: true,
            message: "实施科技示范工程的必要性、总体目标，以及示范后对行业技术创新、管理创新等的促进作用不能为空",
          },
        ],
      },
      formData2: {
        content: '',
      },
      rules2: {
        content: [
          {
            required: true,
            message: "申报单位前期准备工作不能为空",
          },
        ],
      },
      formData3: {
        content: '',
      },
      rules3: {
        content: [
          {
            required: true,
            message: "示范技术可行性不能为空",
          },
        ],
      },
      formData4: {
        content: '',
      },
      rules4: {
        content: [
          {
            required: true,
            message: "主要实施内容不能为空",
          },
        ],
      },
      formData5: {
        content: '',
        projectExpectResults: []
      },
      rules5: {
        content: [
          {
            required: true,
            message: "科技示范工程的具体考核指标及最终提交的成果形式概述不能为空",
          },
        ],
        projectExpectResults: [{
          required: true,
          validator: (val) => val && val.length,
          message: "最终提交的成果形式不能为空",
          type: "error"
        }],
      },
      formData6: {
        projectResearchPlan: []
      },
      rules6: {
        projectResearchPlan: [
          {required: true, validator: (val) => val.length > 0, message: "年度研究计划不能为空", type: "error"}
        ],
      },
      formData7: {
        unitList: []
      },
      rules7: {
        unitList: [
          {required: true, validator: (val) => val.length > 0, message: "单位信息不能为空", type: "error"}
        ],
      },
      formData8: {
        content: '',
      },
      rules8: {
        content: [
          {
            required: true,
            message: "经费预算及资金筹措情况不能为空",
          },
        ],
      },
      formData9: {
        content: '',
      },
      rules9: {
        content: [
          {
            required: true,
            message: "经济、社会效益评估不能为空",
          },
        ],
      },
      formData10: {
        content: '',
      },
      rules10: {
        content: [
          {
            required: true,
            message: "其他需说明的问题不能为空",
          },
        ],
      },
      formData11: {
        supportDept: '',
        supportBudget: 0,
        budgetSource: ''
      },
      rules11: {
        supportDept: [
          {
            required: true,
            message: "单位全称不能为空",
          },
        ],
        budgetSource: [
          {
            required: true,
            message: "资金来源不能为空",
          },
        ],
        supportBudget: [
          {
            required: true,
            message: "支持资金不能为空",
          },
        ]
      },
      formData12: {},
      rules12: {},
      stepList: [
        {
          id: 'step0',
          title: '基本信息',
          require: true,
        },
        {
          id: 'step1',
          title: '概述',
          require: true,
        },
        {
          id: 'step2',
          title: '前期工作和科研基础',
          require: true,
        },
        {
          id: 'step3',
          title: '示范技术可行性',
          require: true,
        },
        {
          id: 'step4',
          title: '主要实施内容',
          require: true,
        },
        {
          id: 'step5',
          title: '考核指标',
          require: true,
        },
        {
          id: 'step6',
          title: '进度安排',
          require: true,
        },
        {
          id: 'step7',
          title: '承担单位构成及任务分工',
          require: true,
        },
        {
          id: 'step8',
          title: '经费预算及资金筹措情况',
          require: true,
        },
        {
          id: 'step9',
          title: '经济社会效益评估',
          require: true,
        },
        {
          id: 'step10',
          title: '其他需说明的问题',
          require: true,
        },
        {
          id: 'step11',
          title: '科技示范工程经费来源证明',
          require: true,
        },
        {
          id: 'step12',
          title: '相关附件',
          require: true,
        },
      ],
      disableDate: {},
      projectData: {
        projectLeader: {
          name: '',
        }
      }
    }
  },
  watch: {
    activeForm: {
      immediate: true,
      handler(val) {
        const targetEle = document.getElementById("main")
        if (targetEle) {
          const {pos, top} = targetEle.style;
          targetEle.style.position = 'relative';
          targetEle.style.top = '-100px';
          targetEle.scrollIntoView({behavior: 'smooth', block: 'start', inline: "nearest"});
          targetEle.style.top = top;
          targetEle.style.position = pos;
        }
      }
    }
  },
  async created() {
    const taskId = this.$route.params && this.$route.params.taskId;
    if (!taskId) {
      this.$message.error("缺少任务Id");
      this.$router.push("/kjsf/implement/implement-plan-my");
    }
    this.taskId = taskId;
    this.projectId = taskId;
    // 获取示范工程详情
    this.$api.kjsf.project.get(this.projectId).then(pro => {
      if (pro.data) {
        this.projectData = pro.data;
        this.formData11.supportDept = this.formData11.supportDept || this.projectData.declareDeptName;
        this.formData0.projectName = this.formData0.projectName || this.projectData.projectName;
        console.log(this.formData0.projectName, "niaaaaaaa")
      }
    }).catch(e => {
      this.applyLoading = false;
      this.$message.error(e.toString())
    })

    const activeForm = Number(sessionStorage.getItem(`${taskId}-kjsf-implement-plan-activeForm`)) || 0;
    this.onCurChanged(activeForm)
  },
  methods: {
    close() {
      this.applyLoading = false;
      this.$tab.closeOpenPage({path: "/kjsf/implement/implement-plan-my"});
    },
    onCurChanged(cur, pre) {
      if (Number(cur) !== 0) {
        if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)) {
          this.applyLoading = false;
          this.$message.error("基本信息还未提交")
          return false;
        }
      }
      if (!this.applyLoading) {
        this.applyLoading = true;
      }
      if (Number(cur) === 0) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`));
          this.$api.kjsf.implement.projectEmbodimentGet(objId).then(response => {
            if (response.data) {
              if (response.data.projectName === "" && Object.prototype.hasOwnProperty.call(response.data, "projectName")) {
                delete response.data.projectName;
              }
              Object.assign(this.formData0, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 1) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step1`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step1`));
          this.$api.kjsf.implement.projectEmbodimentSummarizeGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData1, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 2) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step2`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step2`));
          this.$api.kjsf.implement.projectEmbodimentBasisGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData2, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 3) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step3`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step3`));
          this.$api.kjsf.implement.projectEmbodimentSkillGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData3, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 4) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step4`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step4`));
          this.$api.kjsf.implement.projectEmbodimentContentGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData4, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 5) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step5`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step5`));
          this.$api.kjsf.implement.projectEmbodimentAssessGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData5, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 6) {
        this.$api.kjsf.implement.projectEmbodimentGet(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)).then(pro => {
          if (pro.data) {
            this.disableDate = {
              before: dayjs(pro.data.startDate, "YYYY-MM-DD").endOf('month').subtract(1, 'month').format(),
              after: dayjs(pro.data.endDate, "YYYY-MM-DD").endOf('month').subtract(0, 'month').format(),
            }
          }
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;

        }).catch((e) => {
          this.applyLoading = false;
          this.$message.error(e.toString());
        });
      } else if (Number(cur) === 7) {
        this.activeForm = cur;
        sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
        this.applyLoading = false;
      } else if (Number(cur) === 8) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step8`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step8`));
          this.$api.kjsf.implement.projectEmbodimentBudgetGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData8, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 9) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step9`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step9`));
          this.$api.kjsf.implement.projectEmbodimentEconomyGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData9, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 10) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step10`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step10`));
          this.$api.kjsf.implement.projectEmbodimentOtherGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData10, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 11) {
        if (sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step11`)) {
          const objId = Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step11`));
          this.$api.kjsf.implement.projectEmbodimentProveGet(objId).then(response => {
            if (response.data) {
              Object.assign(this.formData11, response.data)
            }
            this.activeForm = cur;
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
            this.applyLoading = false;
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }
      } else if (Number(cur) === 12) {
        getFiles(this.projectId).then((res) => {
          const files = {}
          res.data.forEach((item) => {
            if (!files[item.moduleKey]) {
              files[item.moduleKey] = []
            }
            files[item.moduleKey].push({
              name: item.fileName,
              url: item.fullFilePath,
              id: item.id,
              filePath: item.filePath
            })
          })
          const fileLists = []
          this.projectFileData.forEach((val, index) => {
            this.projectFileData[index].fileLists = files[val.moduleKey] || [];
            this.projectFileData[index].fileIds = files[val.moduleKey]?.map(val => val.id) || [];
            fileLists.push(...this.projectFileData[index].fileIds)
          })
          if (fileLists.length > 0) {
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step12`, res.data.length)
          }
          this.activeForm = cur;
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
          this.applyLoading = false;
        }).catch((e) => {
          this.applyLoading = false;
          this.$message.error(e.toString());
        });
      } else {
        this.activeForm = cur;
        sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-activeForm`, cur);
        this.applyLoading = false;
      }
    },
    isSubmit(name) {
      return sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-${name}`) ? '已提交' : '未提交';
    },
    onSubmit0() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)) {
            this.$api.kjsf.implement.projectEmbodimentAdd({
              ...this.formData0,
              projectId: this.projectId
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step0`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(1)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentUpdate({
              ...this.formData0,
              projectId: this.projectId
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(1)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit1() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step1`)) {
            this.$api.kjsf.implement.projectEmbodimentSummarizeAdd({
              ...this.formData1,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step1`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(2)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentSummarizeUpdate({
              ...this.formData1,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(2)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit2() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step2`)) {
            this.$api.kjsf.implement.projectEmbodimentBasisAdd({
              ...this.formData2,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step2`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(3)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentBasisUpdate({
              ...this.formData2,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(3)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit3() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step3`)) {
            this.$api.kjsf.implement.projectEmbodimentSkillAdd({
              ...this.formData3,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step3`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(4)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentSkillUpdate({
              ...this.formData3,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(4)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit4() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step4`)) {
            this.$api.kjsf.implement.projectEmbodimentContentAdd({
              ...this.formData4,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step4`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(5)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentContentUpdate({
              ...this.formData4,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(5)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit5() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step5`)) {
            this.$api.kjsf.implement.projectEmbodimentAssessAdd({
              ...this.formData5,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step5`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(6)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentAssessUpdate({
              ...this.formData5,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(6)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit6() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          // 年度研究计划 非空判断
          const isValidate = this.$refs["project-research-plan"].checkData()
          if (!isValidate) {
            return false;
          }
          this.applyLoading = true;
          this.$api.kjsf.implement.projectResearchPlanAdd(this.formData6.projectResearchPlan).then(response => {
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step6`, response.data.length)
            this.$message.success('提交成功');
            this.onCurChanged(7)
          }).catch((e) => {
            this.applyLoading = false;
            this.$message.error(e.toString());
          });
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit7() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          const isValidate = this.$refs["project-unit"].checkData()
          if (!isValidate) {
            return false;
          }
          this.$api.kjsf.implement.projectCompanyAdd(this.formData7.unitList).then(response => {
            this.$message.success("提交成功")
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step7`, "1")
            this.onCurChanged(8);
          }).catch(e => {
            this.applyLoading = false;
            this.$message.error(e.toString())
          })
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit8() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step8`)) {
            this.$api.kjsf.implement.projectEmbodimentBudgetAdd({
              ...this.formData8,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step8`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(9)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentBudgetUpdate({
              ...this.formData8,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(9)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit9() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step9`)) {
            this.$api.kjsf.implement.projectEmbodimentEconomyAdd({
              ...this.formData9,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step9`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(10)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentEconomyUpdate({
              ...this.formData9,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(10)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit10() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step10`)) {
            this.$api.kjsf.implement.projectEmbodimentOtherAdd({
              ...this.formData10,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step10`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(11)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentOtherUpdate({
              ...this.formData10,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(11)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit11() {
      this.$refs.form.validate().then((validateResult) => {
        if (validateResult === true) {
          this.applyLoading = true;
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step11`)) {
            this.$api.kjsf.implement.projectEmbodimentProveAdd({
              ...this.formData11,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step11`, response.data.id)
              this.$message.success('提交成功');
              this.onCurChanged(12)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          } else {
            this.$api.kjsf.implement.projectEmbodimentProveUpdate({
              ...this.formData11,
              projectId: this.projectId,
              embodimentId: sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)
            }).then(response => {
              this.$message.success('提交成功');
              this.onCurChanged(12)
            }).catch((e) => {
              this.applyLoading = false;
              this.$message.error(e.toString());
            });
          }
        } else {
          const firstError = Object.values(validateResult)[0]?.[0]?.message;
          this.$message.error(firstError);
        }
      })
    },
    onSubmit12(type) {
      if (type === 1) {
        this.applyLoading = true;
        const sysAttMainIds = []
        this.projectFileData.forEach(val => {
          sysAttMainIds.push(...val.fileIds)
        })
        this.$api.kjsf.project.update({
          id: this.projectId,
          sysAttMainVo: {
            sysAttMainIds,
          }
        }).then(val => {
          sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step12`, this.projectFileData.length);
          this.$message.success('暂存成功');
          this.applyLoading = false;
          // this.close();
        }).catch((e) => {
          this.applyLoading = false;
          this.$message.error(e.toString());
        });
      } else {
        const isValidate = this.projectFileData.every(val => {
          if (val.require && val.fileIds.length <= 0) {
            this.$message.error(`需要上传${val.c1}`);
            return false;
          }
          return true
        })
        if (!isValidate) {
          return false
        }
        this.stepList.forEach((val) => {
          if (!sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-${val.id}`) && val.require) {
            this.$message.error(`${val.title}还未提交`)
            this.applyLoading = false;
            return false;
          }
        })
        this.applyLoading = true;
        this.isCommit = true;
        const sysAttMainIds = []
        this.projectFileData.forEach(val => {
          sysAttMainIds.push(...val.fileIds)
        })
        this.$api.kjsf.project.update({
          id: this.projectId,
          sysAttMainVo: {
            sysAttMainIds,
          }
        }).then(val => {
          this.$api.kjsf.implement.projectEmbodimentSubmit({
            projectId: this.projectId,
            id: Number(sessionStorage.getItem(`${this.taskId}-kjsf-implement-plan-step0`)),
          }).then(val => {
            sessionStorage.setItem(`${this.taskId}-kjsf-implement-plan-step12`, this.projectFileData.length);
            this.$message.success('提交成功');
            this.applyLoading = false;
            this.isCommit = false;
            this.close();
          }).catch((e) => {
            this.applyLoading = false;
            this.isCommit = false;
            this.$message.error(e.toString());
          });
        }).catch((e) => {
          this.applyLoading = false;
          this.$message.error(e.toString());
        });

      }
    },
  }
}
</script>

<style lang="less" scoped>


.base-container {
  display: flex;
  flex-direction: column;
}

.step-form {
  padding: 0 24px;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.t-row {
  margin-bottom: 14px;
}

.step-card {
  margin-bottom: 14px;
}
</style>
